<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>无序列表</title>
</head>
<body>
    <!--
        ul标签表示一个无序列表的区域,其他用法与ol一致
        type:控制列表项的样式,其值有四种:disc(实心圆,默认值)、circle(空心圆)、square(实心方块)、none(无样式)
    -->
    <h2>家用电器</h2>
    <ul type="disc">
        <li>电视机</li>
        <li>冰箱</li>
        <li>空调</li>
        <li>洗衣机</li>
    </ul>
    <h2>电子产品</h2>
    <ul type="circle">
        <li>手机</li>
        <li>平板</li>
        <li>电子表</li>
    </ul>
    <h2>水果</h2>
    <ul type="square">
        <li>香蕉</li>
        <li>苹果</li>
        <li>西瓜</li>
        <li>车厘子</li>
    </ul>
    <h2>学习用品</h2>
    <ul type="none">
        <li>铅笔</li>
        <li>橡皮</li>
        <li>文具盒</li>
        <li>笔记本</li>
    </ul>

</body>
</html>